<script type="text/javascript">
window.addEvent('domready', function (){
		//SAMPLE 5 (mode: vertical, using "onWalk" )
		var info5 = $('info5').set('opacity',0.5);
		var sampleObjectItems =<?=json_encode(array_values($focus))?>;
		var nS5 = new noobSlide({
			mode: 'vertical',
			box: $('box5'),
			size: 210,
			items: sampleObjectItems,
			addButtons: {
				play: $('play5')
			},
			onWalk: function(currentItem){
				info5.empty();
				new Element('p').set('html','<a href="'+currentItem.url+'">'+currentItem.title+'</a>').inject(info5);
			}
		});
		$('play5').fireEvent('click');
});

</script>
<span id="play5"></span>
<div class="focus_pic" id="focus_pic">


	<div class="mask2">
		<div id="box5">
		<?php if (!empty($focus))foreach ($focus as $f) {?>
		  
		
			<span>
			<?php if (strstr($f['url'],'javascript:')) { ?>
			<a href="<?=$f['url']?>">
			<?php } else { ?>
			<a href="<?=$f['url']?>" target="_blank">
			<?php } ?>
			<img src="/webroot/product_img/<?=$f['photo']?>" alt="<?=$f['title']?>" /></a></span>
			
        <?php } ?>			
		</div>
		<div id="info5" style="display:none" class="info"></div>
		
	</div>
</div>
